import { Rate } from '@arco-design/web-react';
import './index.css'

interface EvaluateBoxProps {
  onChange: (value: number) => void;
  readonly: boolean;
  score: number
}

export const EvaluateBox: React.FC<EvaluateBoxProps> = (props) => {
  const { onChange, readonly, score } = props;

  return (
    <div className="evaluate-box-wrapper">
      <div className='evaluate-box-header'>此次服务的评价</div>
      <Rate onChange={onChange} defaultValue={score} readonly={readonly} />
    </div>

  )
}